<template>
  <div class="tablePageWarp">
    <!-- 搜索区域 -->
    <div class="tableListSearch">
      <draft-search @clickbtn="handleSearch"></draft-search>
    </div>
    <!-- 列表区域 -->
    <div class="tableListMain commonTableSty">
      <draft-table-list ref="draftTableCompt"></draft-table-list>
    </div>
  </div>
</template>
<script>
import DraftSearch from './components/DraftSearch.vue'
import DraftTableList from './components/DraftTableList.vue'

export default {
  components: {
    DraftSearch,
    DraftTableList
  },
  computed: {},
  data () {
    return {}
  },
  created () {},
  mounted () {},
  methods: {
    // 查询表格数据
    handleSearch () {
      this.$refs.draftTableCompt.refreshData(true)
    }
  }
}
</script>
<style lang="less" scoped>
// .tableListPage {
//   height: 100%;
//   overflow: hidden;
  .tableListAction {
    margin-top: 16px;
    button {
      margin-right: 16px;
      &:nth-last-child(1) {
        margin-right: 0;
      }
    }
  }
  .tableListMain {
    margin-top: 16px;
  }
// }
// .draftWrapper{
//   padding: 24px;
// }
</style>
